// 用户求职路线列表组件

// base
require("../../both/base.js");

// css
require("./UserWayList.scss");

// vendor
import UserWayPanel from "../UserWayPanel/UserWayPanel.jsx";

// js
class UserWayList extends React.Component{
    constructor(props){
        super(props);

        // this.props.listData = this.props.listData || [];
    }

    render(){
        const listItems = this.props.listData.map((data) =>
            <li className="user_way_list_item bln" key = {data.id.toString()}>
                <UserWayPanel title = {data.title}
                              imageSrc = {data.imageSrc}
                              badge = {data.badge}
                              courseNumber = {data.courseNumber}
                              studentNumber = {data.studentNumber}
                              href = {data.href}
                />
            </li>
        );

        return (
            <div className="user_way_list_cr bln">
                <div className="user_way_list_title">
                    方向路线
                </div>
                <ul className="user_way_list">
                    {listItems}
                </ul>
            </div>
        )
    }
}

export default UserWayList;